<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <h:head>
        <title>Cadastro de Eleitor</title>
    </h:head>
    
    <h:body>
        
        <h:form id="menuprincipal">
        
       <p:menubar>
       
           <p:submenu label="Cadastrar" icon="ui-icon-document">  
             <p:menuitem value="Candidatos" icon="ui-icon-document" url="/faces/cadastro_candidato.xhtml" ajax="true" />
             <p:menuitem value="Eleitores" icon="ui-icon-document" url="/faces/cadastro_eleitor.xhtml" ajax="true" />
          </p:submenu>
            
          <p:submenu label="Excluir" icon="ui-icon-close">  
             <p:menuitem value="Excluir Eleitores" url="/faces/exclui_eleitor.xhtml" icon="ui-icon-close" ajax="true" />
          </p:submenu>
  
          <p:submenu label="Editar" icon="ui-icon-pencil">  
             <p:menuitem value="Editar Candidatos" url="/faces/seleciona_candidato.xhtml" icon="ui-icon-pencil" ajax="false" />
          </p:submenu>
       
          <p:submenu label="Pesquisar" icon="ui-icon-search">
             <p:menuitem value="Pesquisar Eleitor" icon="ui-icon-search" url="/faces/pesquisa.xhtml" ajax="true" />
             <p:menuitem value="Exibir Todos" icon="ui-icon-search" url="/faces/relatorio.xhtml" ajax="true" />
          </p:submenu>
           
           <p:submenu label="Gráficos" icon="ui-icon-search">
               <p:menuitem value="Total de votos" icon="ui-icon-search" url="/faces/total_votos.xhtml" ajax="false" /> 
           </p:submenu>
  
          <p:submenu label="Ajuda" icon="ui-icon-help">  
              <p:menuitem value="Sobre o Sistema" icon="ui-icon-help" url="#" ajax="false" onclick="dialogo.show()" />
          </p:submenu>
           
       </p:menubar>  
      
    </h:form>
        
        <p:panel header="Cadastro - Eleitor" style="width: 80%">
            
            <p:tab title="Cadastrar Eleitor" id="eleitorTab">
                
                <h:form id="eleitorForm">
                    
                    <h:panelGrid columns="3" cellpadding="3">
                        
                        <h:outputText value="Nome" />
                        <p:inputText id="nomeTxt" value="#{eleitor.nome}"  required="true" size="45" maxlength="35" requiredMessage="O nome é um campo obrigatório!" /><p:message for="nomeTxt" />
                        
                        <h:outputText value="Sexo" />
                        <h:selectOneMenu id="sexoSelect" value="#{eleitor.sexo}">
                           <f:selectItem itemLabel="M" itemValue="M" />
                           <f:selectItem itemLabel="F" itemValue="F" />
                        </h:selectOneMenu><h:message for="sexoSelect" />
                        
                        <h:outputText value="Nascimento" />
                        <p:inputMask id="nascimentoTxt" value="#{eleitor.nascimento}" required="true" requiredMessage="O nascimento é um campo obrigatório!" mask="99/99/9999">
                           <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="America/Manaus" locale="pt_BR" />
                        </p:inputMask><p:message for="nascimentoTxt" />
                        
                        <h:outputText value="CPF" />
                        <p:inputMask id="cpfTxt" value="#{eleitor.cpf}" required="true" requiredMessage="O CPF é um campo obrigatório!" mask="999999999-99" /><p:message for="cpfTxt" />
                        
                        <h:outputText value="Tel. Celular" />
                        <p:inputMask id="telefoneCelularTxt" value="#{eleitor.telefone_celular}" required="true" requiredMessage="O telefone celular é um campo obrigatório!" mask="(99)9999-9999" /><p:message for="telefoneCelularTxt" />
                        
                        <h:outputText value="Título" />
                        <p:inputMask id="tituloTxt" value="#{eleitor.titulo}" required="true" requiredMessage="O título é um campo obrigatório!" mask="999999999/99" /><p:message for="tituloTxt" />
                        
                        <h:outputText value="Zona" />
                        <p:inputMask id="zonaTxt" value="#{eleitor.zona}" required="true" requiredMessage="A zona é um campo obrigatório!" mask="999" /><p:message for="zonaTxt" />
                        
                        <h:outputText value="Seção" />
                        <p:inputMask id="secaoTxt" value="#{eleitor.secao}" required="true" requiredMessage="A seção é um campo obrigatório!" mask="9999" /><p:message for="secaoTxt" />
                        
                        <h:outputText value="Bairro" />
                        <h:selectOneMenu id="bairroSelect" value="#{eleitor.bairro_id}" required="true" requiredMessage="O bairro é um campo obrigatório!">
                           <f:selectItems value="#{bairroC.lista}" var="b" itemValue="#{b.id}" itemLabel="#{b.nome}" />
                        </h:selectOneMenu><h:message for="bairroSelect" />
                        
                        <h:outputText value="Candidato" />
                        <h:selectOneMenu id="candidatoSelect" value="#{eleitor.candidato_id}" required="true" requiredMessage="O candidato é um campo obrigatório!">
                           <f:selectItems value="#{candidatoC.lista}" var="c" itemValue="#{c.id}" itemLabel="#{c.nome}" />
                        </h:selectOneMenu><h:message for="candidatoSelect" />
                        
                        <p:commandButton id="cadEleitorButton" value="Cadastrar" action="#{eleitorC.salvar(eleitor)}" ajax="false" />
                        
                    </h:panelGrid>
                    
                </h:form>
                
            </p:tab>
            
        </p:panel>
        
        <p:dialog id="modaldialogo" header="Sobre" widgetVar="dialogo" modal="true" height="100">
            <h:outputText value="Desenvolvido por Primatech Software Corporation - 2013" />
        </p:dialog>
        
        <div id="sobre" style="width: 100%; height: 25px; text-align: center; font-size: 15px; font-weight: bold; background: limegreen; color: black; margin-top: 500px">
           <p style="padding-top: 3px">DESENVOLVIDO POR PRIMATECH SOFTWARE CORPORATION - 2013</p>
        </div>
    
    </h:body>
    
</html>